<!--
 This file contains code that will be used to handle all cases related to DVD owned by the user
-->

<html>
	<head>
		<script
			src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.0/dojo/dojo.xd.js"
			type="text/javascript"
			djConfig="parseOnLoad: true">
		</script>
		<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"
		/>
		<style type="text/css">
				@import "http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/grid/resources/Grid.css";
				@import "http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/grid/resources/claroGrid.css";
				.dojoxGrid table { margin: 0; } html, body { width: 100%; height: 100%; margin: 0; }
		</style>
		<script type="text/javascript">
			// dojo.require("dojox.data.JsonRestStore");
			dojo.require("dojox.grid.DataGrid");
		</script>

		<script type="text/javascript">
			dojo.ready(function() {
				var staticStore = {
					identifier:"name",
					label:"name",
					items: [
						{name:"Hey Ram", releaseYear:2000, actors=["Kamalhasan","Sharukh Khan"]},
						{name:"Alaipayuthei", releaseYear:2001, actors=["Madhavan","Shalini"]}
					]
				};
				var gridLayout = [
									{ name: "Movie Name", field: "movieName", editable=true },
									{ name: "Release year", field: "releaseYear", editable=true },
									{ name: "Actor(s)", field:"actors", editable=true }
								 ];
				var grid = new dojox.grid.DataGrid( {
								query:{
									name:"*"
								},
								store: staticStore,
								structure:gridLayout,
								clientSort:true																
							},
							dojo.byId("gridContainer")); 
				// append the new grid to the div "gridContainer4":
			   // dojo.byId("gridContainer").appendChild(grid.domNode);

				// Call startup, in order to render the grid:
				grid.startup();			
				
			});
		</script>	
	</head>
	<body class=" claro ">
			<div id="gridContainer" style="width: 100%; height: 100%;">
			</div>
	</body>
</html>
